<script>
import Dropdown from './Dropdown.vue'

export default {
  name: 'Header',
  components: {
    Dropdown
  }
}
</script>

<template>
<header>
  <!-- secondary navigation menu -->
  <nav class="fs-navbar fs-navbar-dark has-background">
    <div class="navbar-header">
      <a class="navbar-banner" href="/"><img style="height: 130px;" src="../../static/images/logo-header.png" alt="" ></a>
    </div>
    <div class="navbar-header pull-right clearfix" style="margin-right: 100px;">
      <div class="pull-left" style="margin-right: 20px;">
        <img src="../../static/images/qr-code.png" style="height: 80px; margin-top: 15px;" alt="">
        <p style="font-size: 12px; color: #fff; text-align: center;">微信订阅号</p>
      </div>
      <div class="pull-left">
        <img src="../../static/images/fitstart-qrcode.png" style="height: 80px; margin-top: 15px;" alt="">
        <p style="font-size: 12px; color: #fff; text-align: center;">微信服务号</p>
      </div>
    </div>
    <!-- <ul class="fs-nav fs-navbar-nav fs-navbar-nav">
      <li><p style="color: #fff; margin: 0px; line-height: 40px;">关注活动资讯：</p></li>
      <li><a href="http://weibo.com/ryxmjx" target="_blank"><i class="fa fa-weibo fa-lg"></i></a></li>
      <li class="split"></li>
      <li>
        <dropdown>
          <a slot="toggle" href="javascript:void(0);">
            <i class="fa fa-wechat fa-lg"></i>
          </a>
          <div slot="menu" class="nav-dropdown split-menu padding-15">
            <img style="width: 150px;" src="../../static/images/qr-code.png" alt="" >
          </div>
        </dropdown>
      </li>
    </ul> -->
  </nav>

  <!-- top navigation menu -->
  <nav class="fs-navbar fs-navbar-default clearfix" style="min-height: 0px; padding: 0px;">
    <ul class="fs-nav fs-navbar-nav fs-navbar-nav pull-right" style="margin-left: 60px;">
      <li><router-link to="/home">首页</router-link></li>
      <!-- <li><router-link to="/news">活动新闻</router-link></li> -->
      <li><router-link to="/courses">经典课程</router-link></li>
      <li><router-link to="/corporations">企业客户</router-link></li>
      <!-- <li><router-link to="/products">人马商城</router-link></li> -->
      <!-- <li><router-link to="/articles">知识贴</router-link></li> -->
      <li><router-link to="/articles">干货文章</router-link></li>
      <li><router-link style="border-right: 1px solid #F3F2F2" to="/about">关于我们</router-link></li>
      <li><a style="margin-right: 75px; margin-left: 50px; border-left: 0px;" href="http://weibo.com/ryxmjx" target="_blank"><i class="fa fa-weibo fa-lg" style="color: #C43036;"></i>&nbsp;&nbsp;<span style="border: 1px solid #000000; border-radius: 5px; padding: 0 10px;"><i class="fa fa-search"></i>&nbsp;&nbsp;人鱼线vs马甲线</span></a></li>
    </ul> 
  </nav>
</header>
</template>